* {
  box-sizing: border-box;
}

html, body, #root, .App {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.App {
  display: flex;
  text-align: center;
  .drag-list {
    width: 200px;
    height: 100%;
    border: 1px solid red;
    padding: 10px;
    .drag-item {
      width: 100%;
      height: 100px;
      margin: 10px 0;
      border: 1px solid #ccc;
    }
  }
  .flex {
    width: 100%;
    height: 100%;
  }
  .playground {
    flex: 1;
    .header {
      display: flex;
      width: 100%;
    }
  }
  .drop-container {
    width: 100%;
    height: 300px;
    border: 1px solid #cccccc;
  }
  .row {
    display: flex;
  }

  .col-1 {
    flex: 1;
  }
}
